<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>baked&goods</title>
    <link type="text/css" href="css/font-awesome.min.css" rel="stylesheet">
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" href="css/ionicons.min.css" rel="stylesheet">
    <link type="text/css" href="css/common.css" rel="stylesheet">
    <link type="text/css" href="css/send-single.css" rel="stylesheet">
</head>
<body class="row">
<div class="col-md-2 left">
    <div class="left-top">
        <img src="images/logo.png" width="113" height="30" class="img-logo"/>
    </div>
    <input class="search" type="text" placeholder="SERCH...">
    <img src="images/search.png" width="14" height="14" class="img-search">
    <ul class="f-16 parent">
		<li id="production-parent">
			<a href="#"><img src="images/production-manage.png" width="22" height="22"> 商品管理<i class="fa fa-angle-double-right back"></i></a>
		</li>
		<li class="production-child">
			<a href="total-infor.html"><i class="fa  fa-hand-o-right second"></i>货柜管理</a></li>
		</li>
		<li class="production-child">
			<a href="production-manage.html"><i class="fa  fa-hand-o-right second"></i>订单管理</a></li>
		</li>
		<li id="home-parent">
			<a href="#"><img src="images/home.png" width="22" height="20"> 首页管理<i class="fa fa-angle-double-right back"></i></a>
		</li>
		<li class="home-child">
			<a href="homeUploadImg.html"><i class="fa  fa-hand-o-right second"></i>轮播图上传</a>
		</li>
		<li class="home-child">
			<a href="releaseAnnounce.html"><i class="fa  fa-hand-o-right second"></i>公告发布</a>
		</li>
		<li>
			<a href="send-more.html"><img src="images/information.png" width="22" height="22"> 站内信<i class="fa fa-angle-double-right back"></i></a>
		</li>
    </ul>
</div>
<div class="col-md-10 right f-r">
    <header>
        <p class="f-16 t-c" id="time"></p>
        <p class="f-10 t-c" id="date"></p>
        <div class="welcome">
            <img src="images/message.png" width="25" height="27">
            <div class="circle color-white f-10 t-c">4</div>
            <img src="images/user.png" id="user" width="32" height="32">
            <p class="f-14" id="welcome"></p>
        </div>
    </header>
    <main class="clearfix">
    	<!--用户信息-->
		<div class="user clearfix">
			<img src="images/userID.png" width="80" height="80">
			<div class="usermassage">	
				<p>用户名:<span class="username">城南旧事</span></p>
				<p>电话号码:<span class="phone">15426548756</span></p>
			</div>
			<div class="trading-record">
				<h1>购买记录</h1>
				<ul>
					<li>
						<span>11月5日  巧克力情人</span>
					</li>
					<li>
						<span>11月5日  普通17寸蛋糕</span>
					</li>
					<li>
						<span>11月5日  抹茶蛋糕</span>
					</li>
				</ul>
			</div>
	    </div>	
		<!--对话框-->
		<div class="content">
			<div class="dialog">
	    		<ul class="dialog-in">
	    		<!--对话内容-->
	    		</ul>
	    	</div>
			<div class="addpic">
				<div class="position">
					<img src="images/addpic.png">
					<span>添加图片</span>
				</div>
				<span class="addbtn">
					<input type="file" value="添加图片" class="addpicture" />	
				</span>
							
				<!--<input type="button" value="消息记录" class="massage-record"/> -->
			</div>
			<div class="content-dialog">
				<textarea class="dialog-bottom">
				</textarea>
				<img id="view" width="100" height="100">
				<input type="button" value="发送" class="send" />
			</div>
			
			
			
			<!--弹出框（消息记录）-->
	    	<!--<ul class="pop-up">
		    	<li>
		    		<p>用户<span>11:16:24</span></p>
		    		<p>聊天内容</p>
		    	</li>
		    	<li>
		    		<p>用户<span>11:17:24</span></p>
		    		<p>聊天内容</p>
		    	</li>
		    	<li>
		    		<p>客服ID<span>11:18:24</span></p>
		    		<p>聊天内容</p>
		    	</li>
	    	</ul> -->
		</div>
		<!--近期活动-->
	    <!--<div class="activity">
	    	<h1>近期活动</h1>
	    	<ul>
	    		<li class="clearfix">
	    			<h2>圣诞特惠</h2>
	    			<p>圣诞节汇对吧就被黑被就 农机犀可能是辛苦几年小 口径杰克逊比较康乃馨。</p>
	    			<img src="images/cake.png" width="100" height="100"/>
	    		</li>
	    		<li class="clearfix">
	    			<h2>会员特惠</h2>
	    			<p>的午饭你觉得第n次就你 能凑到肯定能从完电话的 年休假稍第n次就肯定是 年代进肯定才能开农场才 年贷卡丁车旅客都弄错了 春节就</p>
	    			<img src="images/cake.png" width="100" height="100"/>
	    		</li>
	    		<li class="clearfix">
	    			<h2>圣诞特惠</h2>
	    			<p>圣诞节汇对吧就被黑被就 农机犀可能是辛苦几年小 口径杰克逊比较康乃馨。</p>
	    			<img src="images/cake.png" width="100" height="100"/>
	    		</li>
	    	</ul>
	    </div>
	    -->
    </main>
    <footer>
        <strong class="m-l-20">Copyright © 2016 <a href="http://thoughtcoding.csxupt.com">新卓越计算机教育</a>.</strong> All rights reserved.
    </footer>
</div>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/common.js" charset="GB2312"></script>
<script type="text/javascript" src="js/sendone.js"></script>
</body>
</html>